<template>
  <i :class="classes" aria-hidden="true"></i>
</template>

<script>
import "../../styles/fontawesome/css/font-awesome.css";

const prefixCls = "fa";

export default {
  name: "Icon",
  props: {
    type: {
      type: String,
      required: true
    }
  },
  computed: {
    classes() {
      return [prefixCls, `${prefixCls}-${this.type}`];
    }
  }
};
</script>

<style scoped>

</style>